Ext.define("shop.view.Main", {
    extend : 'Ext.tab.Panel',
    requires : [ 'Ext.TitleBar', 'shop.view.Shop', 'shop.view.Favorite', 'shop.view.Contact', 'shop.view.About', 'shop.view.Setting', 'shop.view.Inventory', 'shop.view.Order' ],
    config : {
        layout : {
            type : 'card',
            animation : {
                type : 'fade'
            }
        },

        tabBarPosition : 'bottom',

        items : [ {
            xclass : 'shop.view.Shop'
        }, {
            xclass : 'shop.view.Favorite'
        }, {
            xclass : 'shop.view.Contact'
        }, {
            xclass : 'shop.view.About'
        }, {
            xclass : 'shop.view.Setting'
        }, {
            xclass : 'shop.view.Inventory'
        }, {
            xclass : 'shop.view.Order'
        } ]
    }
});
